<template>
	<view>
		<!-- <view class="title">
			<view class="">
				<i class="iconfont">&#xe6a5;</i>
			</view>
			<view class="">
				策划列表
			</view>
		</view> -->
		<view class="planList">
			 <view class="swiper3Box">
					<image src="../../static/indexBg1.jpg" mode=""></image>
				<view class="adress">
					<i class="iconfont">&#xe734;</i>
					南极
				</view>
			   <view class="name">奢想迪拜</view>
			   <view class="intro">住奢华酒店,享云端美食</view>
			</view>
			 <view class="swiper3Box">
					<image src="../../static/indexBg1.jpg" mode=""></image>
				<view class="adress">
					<i class="iconfont">&#xe734;</i>
					南极
				</view>
			   <view class="name">奢想迪拜</view>
			   <view class="intro">住奢华酒店,享云端美食</view>
			</view>
			 <view class="swiper3Box">
					<image src="../../static/indexBg1.jpg" mode=""></image>
				<view class="adress">
					<i class="iconfont">&#xe734;</i>
					南极
				</view>
			   <view class="name">奢想迪拜</view>
			   <view class="intro">住奢华酒店,享云端美食</view>
			</view>
			 <view class="swiper3Box">
					<image src="../../static/indexBg1.jpg" mode=""></image>
				<view class="adress">
					<i class="iconfont">&#xe734;</i>
					南极
				</view>
			   <view class="name">奢想迪拜</view>
			   <view class="intro">住奢华酒店,享云端美食</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.planList{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
  .swiper3Box{
	  width: 340rpx;
	  display: inline-block;
	  margin-left: 20rpx;
	  text-align: left;
	  position: relative;
	  margin-top: 30rpx;
  }
 
  .swiper3Box .adress{
	  position: absolute;
	  bottom: 100rpx;
	  left: 0;
	  width: 100%;
	  color: #fff;
	  font-size: 28rpx;
	  padding-left: 10rpx;
	  box-sizing: border-box;
	  padding-bottom: 10rpx;
	} 
  .swiper3Box .adress .iconfont{
	  margin-right: 8rpx;
  }
  .swiper3Box image{
	  border-radius: 16rpx;
	  width: 100%;
	  height: 400rpx;
  }
  .swiper3Box .name{
	  font-size: 34rpx;
	  font-weight: bold;
	  width: 100%;
	  padding:0 20rpx;
	  box-sizing: border-box;
  }
  .swiper3Box .intro{
	   width: 100%;
	  font-size: 30rpx;
	  color: #6d6d6d;
	  margin-top: 10rpx;
	    padding: 0 20rpx;
	  box-sizing: border-box;
	   white-space: wrap;
  }
</style>
